﻿

/*img{ vertical-align:top;}*/



/* == 以上 reset Css == */


/**************** 全局公用样式 ****************/

	*{ margin:0px auto; padding:0px;}
	ol, ul {list-style:none;}
	.g-wrap {position:relative; margin:0 auto; width:1130px; height:100%; overflow:hidden; }
	#header {position:relative; z-index:5; height:36px; width:100%; float:left; background:#345368; margin-top:-10px;  }
   
    #nav {position:absolute; top:0; right:86px; z-index:4; height:100%; background-color:#345368; overflow:hidden;}
    #nav li {float:left; height:100%; -webkit-transition:background-color 700ms; transition:background-color 700ms;}

    #nav .n1 {width:65px;}
    #nav .n2, #nav .n3, #nav .n5, #nav .n6, #nav .n7, #nav .n8, #nav .n9 {width:83px;}
    #nav .n4 {width:80px;}
    #nav .n10 {width:100px;}
    

    #nav li a {position:relative; z-index:2; display:block; width:100%; height:100%; font-size:14px; line-height:36px; text-align:center; color:#fff; text-decoration:none; }
    #nav li a.on {color:#fff;}
    #nav li a span {position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; font-size:14px;font-family:"微软雅黑";}
    #nav li a .bkg {top:100%; z-index:1; background-color:#f39801; -webkit-transition:top 200ms; transition:top 200ms;}

    #nav li a.on .bkg,
    #nav li a:hover .bkg {top:0;}

	#content {position:absolute;  width:100%; top:128px;  height:51px; left:0px; padding:0px; margin:0px auto; *margin-top:-105px;}
    #subNav {position:absolute; top:0; left:0px; z-index:4; width:100%; height:51px; overflow:hidden; padding:0px; margin:0px auto; }
    #subNav .g-wrap {overflow:visible; width:100%;}
    #subNav .g-wrap .item {position:absolute; top:-100%; width:100%; height:100%; background-color:#f39801; overflow:hidden; -webkit-transition:top 300ms; transition:top 300ms;  padding:0px; margin:0px auto; left:0px;}
    #subNav .g-wrap .about { padding:0 218px; /*width:835px;*/}
    #subNav .g-wrap .news { padding:0 67px; /*width:752px;*/}
    #subNav .g-wrap .relation {padding:0 80px;/* width:643px;*/}
    #subNav .g-wrap .service { padding:0 67px; /*width:573px;*/}
    #subNav .g-wrap .search {right:0; width:auto; height:44px; border:8px solid #4c4a4f;}
    #subNav .g-wrap .search input { padding:0 20px; width:200px; height:44px; line-height:44px; }
    #subNav .g-wrap .langs {right:0; padding:0 15px; width:auto;}
    #subNav .g-wrap .on {top:0;}
    #subNav .g-wrap .item a {float:left; padding:0 16px; font-size:14px; line-height:51px; color:#ffffff; text-decoration:none;}
    #subNav .g-wrap .item a:hover {color:#345368;}

	

	
